{% extends "_layouts/examples.html" %}
{% block title %}Image Container / Aspect Ratio / Responsive{% endblock %}

{% block standalone_css %}patterns_image{% endblock %}

{% block content %}
<div class="p-image-container--square-on-small p-image-container--16-9-on-medium p-image-container--cinematic-on-large is-highlighted">
  <div class="lazyloaded">
    <img src="https://assets.ubuntu.com/v1/f74cb1d3-streaming%20data.png" alt="" width="852" height="1279" loading="lazy" class="p-image-container__image">
  </div>
</div>
{% endblock %}
